// 获取流量数据
function getTrafficData() {
    // 模拟流量数据（1~12月）
    const allTrafficData = {
        labels: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
        datasets: [{
            label: '流量 (KB)',
            data: [100, 200, 150, 300, 250, 400, 350, 450, 500, 600, 550, 700],
            backgroundColor: 'rgba(0, 122, 255, 0.2)',
            borderColor: 'rgba(0, 122, 255, 1)',
            borderWidth: 1,
            fill: true,
            tension: 0.4 // 曲线平滑度
        }]
    };

    // 只显示最近6个月的数据（7~12月）
    const recentTrafficData = {
        labels: allTrafficData.labels.slice(6),
        datasets: allTrafficData.datasets.map(dataset => ({
            ...dataset,
            data: dataset.data.slice(6)
        }))
    };

    // 渲染流量曲线图
    const ctx = document.getElementById('trafficChart').getContext('2d');
    const trafficChart = new Chart(ctx, {
        type: 'line',
        data: recentTrafficData,
        options: {
            responsive: true,
            maintainAspectRatio: false,
            plugins: {
                legend: {
                    display: true,
                    position: 'top'
                },
                tooltip: {
                    enabled: true,
                    mode: 'index',
                    intersect: false
                }
            },
            scales: {
                x: {
                    grid: {
                        display: false
                    }
                },
                y: {
                    beginAtZero: true,
                    grid: {
                        color: 'rgba(0, 0, 0, 0.1)'
                    }
                }
            }
        }
    });
}

// 获取用户活跃度数据
function getUserActivityData() {
    // 模拟用户活跃度数据（1~12月）
    const allUserActivityData = {
        labels: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
        datasets: [{
            label: '活跃用户数',
            data: [50, 70, 60, 90, 80, 100, 95, 110, 120, 130, 125, 140],
            backgroundColor: 'rgba(255, 99, 132, 0.2)',
            borderColor: 'rgba(255, 99, 132, 1)',
            borderWidth: 1
        }]
    };

    // 只显示最近6个月的数据（7~12月）
    const recentUserActivityData = {
        labels: allUserActivityData.labels.slice(6),
        datasets: allUserActivityData.datasets.map(dataset => ({
            ...dataset,
            data: dataset.data.slice(6)
        }))
    };

    // 渲染用户活跃度曲线图
    const ctx = document.getElementById('userActivityChart').getContext('2d');
    const userActivityChart = new Chart(ctx, {
        type: 'bar',
        data: recentUserActivityData,
        options: {
            responsive: true,
            maintainAspectRatio: false,
            plugins: {
                legend: {
                    display: true,
                    position: 'top'
                },
                tooltip: {
                    enabled: true,
                    mode: 'index',
                    intersect: false
                }
            },
            scales: {
                x: {
                    grid: {
                        display: false
                    }
                },
                y: {
                    beginAtZero: true,
                    grid: {
                        color: 'rgba(0, 0, 0, 0.1)'
                    }
                }
            }
        }
    });
}

// 初始化
getTrafficData();
getUserActivityData();
